// page/activity/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    prize: [
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
      './../../images/coupon.png',
    ],
    awards: [
      {

      },
      {

      },
      {

      },
    ],
    size: 300,
  },

  endGame(e) {
    const curPrize = e.detail;
    wx.showModal({
      content: `恭喜您获得，第${curPrize}奖品`,
    });
  },

  initCanvas() {
    const { awards, size } = this.data;
    const len = awards.length;
    const deg = 360 / len;
    const ctx = wx.createCanvasContext('turntable');
    console.log(ctx);
    // ctx.beginPath();
    // ctx.moveTo(10, 10)
// ctx.lineTo(100, 10)
// ctx.lineTo(100, 100)
// ctx.fill()
// ctx.draw()
// ctx.moveTo(10, 10)
// ctx.lineTo(100, 10)

// ctx.moveTo(10, 50)
// ctx.lineTo(100, 50)
// ctx.stroke()
// ctx.draw()

    // const ctx = wx.createCanvasContext('turntable');

    const x = size / 2;
    const y = size / 2;
    const r = size / 2
    ctx.save();

    ctx.translate(x, y);
    ctx.moveTo(0, 0);
    ctx.rotate(20 * Math.PI / 180);
    ctx.arc(0, 0, r, 0,  2 * Math.PI / len, false);

    
    ctx.stroke();
    ctx.draw();

    ctx.restore();
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.initCanvas()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})